<template>
  <div>
    <Alert icon>
      Some content to alert
    </Alert>
    <Alert icon type="success">
      Some content to alert
    </Alert>
    <Alert icon type="warning">
      Some content to alert
    </Alert>
    <Alert icon type="error">
      Some content to alert
    </Alert>
    <Alert icon title="Alert Title">
      Some content to alert
    </Alert>
    <Alert icon type="success" title="Alert Title">
      Some content to alert
    </Alert>
    <Alert icon type="warning" title="Alert Title">
      Some content to alert
    </Alert>
    <Alert icon type="error" title="Alert Title">
      Some content to alert
    </Alert>
  </div>
</template>

<style scoped>
.vxp-alert {
  max-width: 600px;
}
</style>
